@import "../../../style/val.scss";

.my-protocol-list-page {
	.content-body {
		.protocol-list-btn {
			margin-top: 0.68rem;
		}
	}
	.list {
		padding: 0 0.3rem;
		background: $color8;
		//border:1px solid $color5;
		margin-top: 0.2rem;
		.item {
			border-top: 1px solid $color5;
			height: 1rem;
			display: flex;
			align-items: center;
			position: relative;
			&:first-child {
				border-top: none;
			}

			.select-value {
				line-height: 1rem;
				color: $color3;
			}
			.selected-value {
				line-height: 1rem;
				color: $color2;
				width: 40%;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				display: inline-block;
				flex: inherit;
			}
			.err-value {
				line-height: 1rem;
				color: $color10;
			}
			.item-left {
				font-size: $fontSize28;
				font-family: $font-family;
				color: $color2;
				text-align: left;
				flex: 2;
			}
			.item-center {
				flex: 1;
				color: $color2;
				height: 1rem;
				font-size: $fontSize28;
				font-family: $font-family;
			}
			.item-right {
				font-size: $fontSize28;
				font-family: $font-family;
				color: $color2;
				text-align: right;
				flex: 1;
			}
			img {
				position: absolute;
				right: 0;
				bottom: 0.25rem;
				max-width: 0.72rem;
				max-height: 0.5rem;
				z-index: 1;
			}
		}
		.line {
			width: 100%;
			height: 1px;
			background-color: #efefef;
		}
	}
}
